@import "../../static/scss/variables";

.form-control.ace-editor-control {
  height: auto;
  padding: 0;
}

.form-control.code-mirror-editor-control {
  height: auto;
  padding: 0;
}

.form-control.vsc-editor-control {
  height: auto;
  padding: 0;
}

.rich-text-editor.form-control {
  min-height: 200px;
  overflow: scroll;
  height: auto;
}

.simple-popover.btn-popover {
  box-shadow: none;

  border: 1px solid $border-color;
  background: #fff;
  min-height: 100px;
  min-width: 260px;
}

.rich-text-editor {
  width: 100%;

  .fr-toolbar.fr-top {
    box-shadow: none;
    border: 1px solid $border-color;
    position: relative;
  }

  .fr-box.fr-basic.fr-top:not(.fr-fullscreen) .fr-wrapper {
    min-height: 150px;
    max-height: 350px;
    box-shadow: none;
    overflow: auto;
    border-left: 1px solid $border-color;
    border-right: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
  }

  .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn {
    color: $btn-default-color;
  }

  .fr-toolbar .fr-command.fr-btn.fr-active, .fr-popup .fr-command.fr-btn.fr-active {
    color: $brand-info;
  }

  .fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus {
    background-color: $brand-light;
  }

  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
    background-color: $brand-light;
  }

  .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background-color: $brand-info;
    color: #fff;
  }

  &.focus {
    .fr-toolbar.fr-top {
      border: 1px solid $input-border-focus;
    }

    .fr-box.fr-basic.fr-top .fr-wrapper {
      border-left: 1px solid $input-border-focus;
      border-right: 1px solid $input-border-focus;
      border-bottom: 1px solid $input-border-focus;
    }
  }

  .fr-box.fr-basic .fr-element {
    min-height: 150px;
  }

  &.rich-text-editor-md {
    .fr-box.fr-basic .fr-element,
    .fr-box.fr-basic.fr-top .fr-wrapper {
      min-height: 250px;
    }
  }

  &.rich-text-editor-lg {
    .fr-box.fr-basic .fr-element,
    .fr-box.fr-basic.fr-top .fr-wrapper {
      min-height: 300px;
    }
  }
}

//a[href="https://froala.com/wysiwyg-editor"] {
//  display: none !important;
//}